<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix='c' uri='http://java.sun.com/jstl/core_rt'%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="Stylesheet" type="text/css"
	href="components/jquery-ui-1.7.3.custom/css/custom-theme/jquery-ui-1.7.3.custom.css" />

<link rel="Stylesheet" type="text/css" href="css/core.css" />

<title>Authentication - Produce Calculator Application</title>

<!-- <script type="text/javascript" src="js/uki.js"></script> -->

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/core.js"></script>

<script type="text/javascript" src="js/jquery.layout.js"></script>

<script type="text/javascript" src="js/jquery.ui.all.js"></script>

<script type="text/javascript">
	var outerLayout;
	var Login = null;

	$(document).ready(function() {
		Login = new LoginPage();
		Login.load();
	});

	function LoginPage() {
		var _this = this;
		/* pre config */
		this.init = function(settings) {

		};

		/* load function */
		this.load = function() {
			this.initLayout();
			this.initComponents();
		};

		this.initLayout = function() {
			outerLayout = $('body').layout({
				center__paneSelector : ".ui-layout-pane-center"
				//,	west__paneSelector:		".ui-layout-pane-west" 
				,
				east__paneSelector : ".ui-layout-pane-east",
				north__size : 80,
				south__size : 40
				//,	west__size:				200 
				,
				east__size : 400,
				spacing_open : 0 // ALL panes
				,
				spacing_closed : 5 // ALL panes
				,
				north__spacing_open : 0,
				south__spacing_open : 0,
				center__onresize : "middleLayout.resizeAll"
			});
		};

		this.initComponents = function() {

		};
	}
</script>

</head>
<body>
	<!-- 
      **
      * Center layout
      * Start
      -->
	<div class="ui-layout-pane-center">
		<div class="centric">
			<div class="container-600">
				<h1>Produce Calculator</h1>
				<div>
					<p></p>
				</div>
				<div class="hr"></div>
				<h1>Curently working on</h1>
				<div>
					<ul>
						<li></li>
					</ul>
				</div>
				<div class="hr"></div>
				<h1>Features</h1>
				<div>
					<ul>
						<li></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- 
      **
      * East layout
      * Start
      -->
	<div class="ui-layout-pane-east" style="padding: 25px;">
		<div class="app-box">
			<h1 class="app-box-title">Autentificare</h1>

			<c:if test="${not empty param.login_error}">
				<font color="red"> Nume utilizator sau Password gre&#351;it,
					mai &#238;ncearca&#355;i. <!--<br />Error: <c:out
						value="${SPRING_SECURITY_LAST_EXCEPTION.message}" />-->
				</font>
			</c:if>

			<form name="formSubmit" action="j_spring_security_check"
				method="post">
				<table width="auto">
					<tr>
						<td><label for="j_username">Nume utilizator:</label></td>
					</tr>
					<tr>
						<td colspan="2"><input class="required" size="50"
							id="j_username" name="j_username" type="text" /></td>
					</tr>
					<tr>
						<td>
							<!-- Splitter --> &#160;
						</td>
					</tr>
					<tr>
						<td><label for="j_password">Parola:</label></td>
					</tr>
					<tr>
						<td><input class="required" size="50" id="j_password"
							name="j_password" type="password" /></td>
					</tr>
					<tr>
						<td>
							<!-- Splitter -->
						</td>
					</tr>
					<tr>
						<td><input type="submit" value="Conecta&#355;i-v&#259;" />
							&#160;&#160;&#160;&#160;&#160; <input type='checkbox'
							name='_spring_security_remember_me'
							id="_spring_security_remember_me" tabindex="3" value="true" /><span
							class="check-box-label">Remember me</span></td>
					</tr>
				</table>
			</form>
		</div>
	</div>

	<!-- 
      **
      * North layout
      * Start
      -->
	<div class="ui-layout-north">Outer North</div>

	<!-- 
      **
      * South layout
      * Start
      -->
	<div class="ui-layout-south">
		<div class="footer">
			&#169;2012 <a href="#">SharkBurner Development</a>
		</div>
	</div>
</body>
</html>